$(() => {
    firstAndLastPage();
    currentActivePage();
    let limit = pi.pageSize;//每页的显示数,要设置默认值
    let page = 1;//当前页,默认是1
    // 选择显示的条数
    $(".sort-by-dropdown li>a").click(function (e) {
        e.preventDefault();
        if ($(this).text() !== "全部") {
            limit = parseInt($(this).text());
        } else {
            limit = pi.total;
        }
        search(1, limit);
    })
    // 分页条页数跳转
    $("ul.pagination").on("click", "li>a", function (e) {
        e.preventDefault();
        if ($(this).is(".page-first")) {
            page = 1;
        } else if ($(this).is(".page-last")) {
            page = pi.pages;
        } else if ($(this).is(".page-next-3")) {
            if (pi.pageNum + 3 <= pi.pages) {
                page = pi.pageNum + 3;
            } else {
                page = pi.pages;
            }
        } else {
            page = parseInt($(this).text()); // 获取点击的页码
        }
        search(page, limit);
    })

//     显示侧边栏的分类,一级目录
    showCats1();
})

// 设置数字页码重置以及当前页激活
function currentActivePage() {
    let currentPage = pi.pageNum;
    $(".page-item>.page-num").each(function () {
        if (parseInt($(this).text()) === currentPage) {
            $(this).parent().addClass("active");
        }
    })
}

// 第一页以及最后一页的页码的hover
function firstAndLastPage() {

    $(".page-first").hover(function () {
        $(this).text("始");
    }, function () {
        $(this).text("○");
    })
    $(".page-last").hover(function () {
        $(this).text("末");
    }, function () {
        $(this).text("●");
    })
}


function search(page = 1, limit = 12) {
    let params = [];//存放？后的参数
    if (gsb.keyword) {
        params.push("keyword=" + gsb.keyword);
    }
    if (gsb.categoryId) {
        params.push("categoryId=" + gsb.categoryId);
    }
    params.push("page=" + page);
    params.push("limit=" + limit);
    location.href = ctx + "/vm/front/goods/grid?" + params.join("&");
}

function showCats1(){
    const url=ctx+"/sys/api/v1/category"
    $.ajax({
        url,
        method:"get",
        success(resp) {
            if(resp.success){
                $(".categories").empty();
                resp.data.forEach(cat => {
                    const li = `<li>${cat.name}</li>`;
                    $(".categories").append(li);
                });
            }
        }

    })
}